// 入口函数
$(function () {
  // 1. 获取用户信息渲染头像 - 调用函数
  getUserInfo()

  // 2. 封装获取用户信息 + 渲染头像 的函数
  function getUserInfo () {
    // 2.1 发起ajax
    axios({
      url: '/my/userinfo',
      method: 'get'
    }).then(({ data: res }) => {
      //成功回调
      //   console.log(res)

      if (res.status != 0) {
        return layui.layer.msg(res.meesage)
      }

      // 2.2 渲染头像 - 调用渲染头像的函数
      renderAvatar(res.data)
    })
  }

  // 3. 封装渲染头像的函数
  function renderAvatar (user) {
    // 3.1 用户名 - 如果有nickname就优先渲染,如果没有则渲染username
    let name = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp;' + name)

    if (user.user_pic != null) {
      //   如果有图片头像渲染图片头像,隐藏文字头像,显示文字头像
      $('.text-avatar').hide()
      $('.layui-nav-img')
        .show()
        .attr('src', user.user_pic)
    } else {
      //   如果没有图片头像就渲染文字头像,隐藏图片头像,显示文字头像
      $('.layui-nav-img').hide()

      // 渲染name中的第一个字符,且是大写
      let first = name[0].toUpperCase()
      $('.text-avatar')
        .show()
        .html(first)
    }
  }

  // 4. 退出功能
  $('#logout').on('click', function () {
    //  4.1 弹出层
    layui.layer.confirm('确认要退出吗?', { icon: 3, title: '提示' }, function (
      index
    ) {
      //do something

      // 4.2 跳转至登录页
      location.href = '/login.html'

      // 4.3 清除token
      localStorage.removeItem('token')

      layer.close(index)
    })
  })
})
